Express.js的架構跟網頁修改我們都已接觸過了。今天我們來弄懂Express為專案產生的最重要文件之一：app.js。以下是app.js的全部內容：

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var routes = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hjs');

// uncomment after placing your favicon in /public
//app.use(favicon(__dirname + '/public/favicon.ico'));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(require('less-middleware')(path.join(__dirname, 'public')));
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', routes);
app.use('/users', users);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
    var err = new Error('Not Found');
    err.status = 404;
    next(err);
});

// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
    app.use(function(err, req, res, next) {
        res.status(err.status || 500);
        res.render('error', {
            message: err.message,
            error: err
        });
    });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
        message: err.message,
        error: {}
    });
});


module.exports = app;

首先看開頭一堆"var"的部份，很明顯這是在匯入程式要用到的模組。這些模組有些看名字就大概知道在做些什麼，其他的話，等遇到最解釋好了，不然現在講，沒實例，也是太空泛。

接著"view engine setup"的部分，我們之前在講模版引擎的時候已經提到過。

下面是一組app.use()是使用前面匯入的組件。

最後則是錯誤(error)的處理。

[image credit: Patrik Goethe]

(本文同步發表於NodeJust.com)